<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Event对象</title>
	<style>
		body{
			margin: 0;
		}
		button{
			width:300px;
			height: 300px;
			background: green;
			border: none;
			margin:0 auto;
			display: block;
		}
	</style>
</head>
<body>
	<button id="btn">点击</button>
	<script>
	/*
		事件对象（event对象）
			在事件执行的时候产生
			
		arguments：函数参数的集合

		如何获取到事件对象
			传入函数中一个参数
		在定义函数时
		function(event){}

		调用时传入实参event

		在函数中可以获得event对象
		
		获取鼠标点击时鼠标在屏幕上的坐标
			event.screenX 
			event.screenY
		获取鼠标点击时鼠标在屏幕上相对于浏览器窗口左边和上边的距离
		 	event.pageX
			event.pageY
		获取鼠标点击时在点击元素上的位置
			event.offsetX
			event.offsetY
		

	*/
	var btn = document.getElementById('btn');

	function show(event){
		// arguments;
		// console.log(arguments);
		console.log(event);
		// alert(num);
	}
	// show(event);
	// btn.onclick = show;
	btn.onclick = function(){
		show(event);
	}
	</script>
</body>
</html>